<ui:composition
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:easy="http://easy.widgets.com">

    <a4j:region>
    <rich:dataTable value="#{listaTelefone}" rows="10" var="telefone"
        onRowMouseOver="this.style.backgroundColor='#F1F1F1'" id="tableListaTelefoneCliente"
        onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
                <f:facet name="header">
                        <rich:columnGroup>
                            <rich:column>
                                #{rotulo['categoria']}
                            </rich:column>
                            <rich:column>
                                #{rotulo['ddd']}
                            </rich:column>
                            <rich:column>
                                #{rotulo['numero']}
                            </rich:column>
                            <rich:column>
                                #{rotulo['ramal']}
                            </rich:column>
                            <rich:column>
                                #{rotulo['editar']}
                            </rich:column>
                            <rich:column>
                                #{rotulo['excluir']}
                            </rich:column>
                        </rich:columnGroup>
                </f:facet>
        <rich:column>
            <h:outputText value="#{telefone.tipoTelefone}"/>
        </rich:column>
         <rich:column>
            <h:outputText value="#{telefone.ddd}"/>
        </rich:column>
         <rich:column>
            <h:outputText value="#{telefone.numero}"/>
        </rich:column>
         <rich:column>
            <h:outputText value="#{telefone.ramal}"/>
        </rich:column>
         <rich:column>
            <div align="center">
               <a4j:commandLink action="#{controller.editar}" value="Editar" reRender="#{reRender}">
                    <f:setPropertyActionListener value="#{telefone}" target="#{telefoneInformado}"/>
               </a4j:commandLink>
            </div>
         </rich:column>
         <rich:column>
            <div align="center">
                <a4j:commandLink action="#{controller.excluirTelefone}" value="Excluir" reRender="#{reRender}">
                    <f:setPropertyActionListener value="#{telefone}" target="#{telefoneInformado}"/>
                </a4j:commandLink>
            </div>
         </rich:column>
    </rich:dataTable>
    </a4j:region>
</ui:composition>

